<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/activity.css">
    <link rel="stylesheet" href="../static/stylesheets/swiper.css">
</head>

<body>
    <header>


        <div class="mh-top">
            <div class="left-column">
                <div class="mh-logo">
                    <a href="./index.html"><img src="./img/logo.png" alt=""></a>
                </div>
                <div class="mh-search">
                    <input class="mh-search-input" placeholder="搜索Dell.com">
                    <button class="mh-search-btn"><img src="./img/放大镜.png" alt=""></button>

                </div>

            </div>

            <div class="right-column">
                <div class="cart">
                    <span class="icon"><img src="./img/购物车空.png" alt=""></span>
                    <span class="label">购物车</span>
                    <span class="drop-downs"><img src="./img/下  拉.png" alt=""></span>
                </div>
                <div class="user__login">
                    <span class="icon"><img src="./img/用户.png" alt=""></span>
                    <span class="label">小智521</span>
                    <span class="drop-downs"><img src="./img/下  拉.png" alt=""></span>
                </div>
                <div class="language">
                    <span class="icon"><img src="./img/用户.png" alt=""></span>
                    <span class="label">CN/ZH</span>
                    <span class="drop-downs"><img src="./img/下  拉.png" alt=""></span>
                </div>
            </div>
        </div>


        <div class="mh-bottom">
            <div class="menu1">
                <span>产品
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>
            </div>
            <div class="menu1" id="menu2">
                <span>解决方案
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>

            </div>
            <div class="menu1">
                <span>服务
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>
            </div>
            <div class="menu1">
                <span>支持
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>
            </div>
            <div class="menu1">
                <span>热卖促销
                    <img src="./img/下  拉.png" alt="">
                    <ul>
                        <li>笔记本</li>
                        <li>台式机和一体机</li>
                        <li>二合一笔记本</li>
                        <li>Alienware游戏PC</li>
                        <li>工作站</li>
                        <li>瘦客户端</li>
                        <li>服务器及存储</li>
                        <li>网络交换机</li>
                        <li>显示器</li>
                        <li>外设产品</li>
                    </ul>
                </span>
            </div>
        </div>
    </header>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://i.dell.com/sites/csimages/Banner_Imagery/all/zh-pcfgoHBins5310-0902.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://i.dell.com/sites/csimages/Banner_Imagery/all/zh-pcfgokv-xps13-0906.jpg" alt=""></div>
            <div class="swiper-slide"><img src="https://i.dell.com/sites/csimages/Banner_Imagery/all/g15-5511kv-0826.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
    </div>

    <div class="datu">
        <img src="./img/活动页.png" alt="">
    </div>
    <footer>
        <div class="cooperation">
            <div class="footer1">
                <div class="stack">
                    <a href="">CH/ZH</a>
                    <ul>
                        <li>网站地图</li>

                    </ul>
                </div>
                <div class="stack">
                    <a href="">账户</a>
                    <ul>
                        <li>我的账户</li>
                        <li>订单状态</li>
                        <li>我的产品</li>
                    </ul>
                </div>
                <div class="stack">
                    <a href="">支持</a>
                    <ul>
                        <li>支持主页</li>
                        <li>联系我们</li>

                    </ul>
                </div>
                <div class="stack">
                    <a href="">联系我们</a>
                    <ul>
                        <li>社区</li>

                    </ul>
                </div>
            </div>
            <div class="footer2">
                <div class="stack">
                    <a href="">我们的产品和服务</a>
                    <ul>
                        <li>APEX</li>
                        <li>产品</li>
                        <li>解决方案</li>
                        <li>服务</li>

                    </ul>
                </div>
                <div class="stack">
                    <a href="">我们的公司</a>
                    <ul>
                        <li>关于 Dell Technologies</li>
                        <li>工作机会</li>
                        <li>Dell Technologies资本</li>
                        <li>投资者关系</li>
                        <li>新闻编辑室</li>
                        <li>视点</li>
                        <li>产品回收</li>
                        <li>社会影响</li>
                        <li></li>
                    </ul>
                </div>
                <div class="stack">
                    <a href="">我们的合作伙伴</a>
                    <ul>
                        <li>查找合作伙伴</li>
                        <li>戴尔授权店面</li>
                        <li>原始设备制造商</li>
                        <li>合作伙伴计划</li>



                    </ul>
                </div>
                <div class="stack">
                    <a href="">资源</a>
                    <ul>
                        <li>活动</li>
                        <li>术语表</li>
                        <li>资源库</li>
                        <li>试用版软件下载</li>

                    </ul>
                </div>
            </div>

            <nav class="yingwen">
                <div>Dell.com</div>
                <div>Dell Technologles</div>
            </nav>
            <nav class="yingwen2">
                <ul>
                    <li>版权 1999-2021 戴尔公司 (Dell Inc.) 仅适用于中国客户的内容设计 版权所有</li>
                    <li>条款和条件</li>
                    <li>隐私政策</li>
                    <li>法律法规</li>
                    <li>闽ICP备05032923号-1</li>
                    <li>闽公网安备35020602001252号</li>
                    <li>营业执照 913502006120204831</li>

                </ul>
            </nav>
        </div>



    </footer>
    <script src="../static/javascripts/swiper.js"></script>
    <script>
        var mySwiper = new Swiper('.swiper-container', {
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // 如果需要滚动条
            scrollbar: {
                el: '.swiper-scrollbar',
            },
        })
    </script>
</body>

</html>